<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document对象</title>
    <style>

    </style>
</head>
<body>
    <div id="div1">div1</div>
    <div id="div2" class="a">div2</div>
    <div id="div3">div3</div>
    <input type="button" name="username" id="action" value="login">
</body>
</html>
<script>
    /**
     1. getElementById():根据id属性值获取元素对象。id属性值一般唯一
     2. getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组
     3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组
     4. getElementsByName():根据name属性值获取元素对象们。返回值是一个数组

     * */


    var div = document.getElementsByTagName("div");
    alert(div.length);
    var div1 = document.getElementsByClassName("a");
    alert(div1.length);
    var username = document.getElementsByName("username");
    alert(username.length);


    //创建其他Dom
    var table = document.createElement("table");
    alert(table);
</script>